<template>
    <div class="com">{{msg}}</div>
</template>

<script>
export default {
    data () {
        return {
            msg: "我是可销毁和挂载的subCom组件"
        }
    },
    beforeCreate(){
        console.log('subCom实例刚刚被创建');
        //alert('subCom实例刚刚被创建');
    },
    created(){
        console.log('subCom实例已经创建完成');
        //alert('subCom实例已经创建完成');
    },
    beforeMount(){
        console.log('subCom模板编译之前');
        //alert('subCom模板编译之前');
    },
    mounted(){     /*请求数据，操作dom,放在这个里面 mounted*/
        console.log('subCom模板编译完成');
        //alert('subCom模板编译完成');
    },
    beforeUpdate(){
        console.log('subCom数据更新之前');
        //alert('subCom数据更新之前');
    },
    updated(){
        console.log('subCom数据更新完毕');
        //alert('subCom数据更新完毕');
    },
    beforeDestroy(){   /*页面销毁的时候要保存一些数据，就可以监听这个销毁的生命周期函数*/
        console.log('subCom实例销毁之前');
        //alert('subCom实例销毁之前');
    },
    destroyed(){
        console.log('subCom实例销毁完成');
        //alert('subCom实例销毁完成');
    }
}
</script>

<style>
div.com{
    color: blueviolet;
    font-size: 20px;
    padding: 10px 0;
}

</style>
